<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('【请填写功能名称】列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
                                <label>订单编号：</label>
                                <input type="text" name="orderNo"/>
                            </li>
                            <li>
                                <label>父订单号：</label>
                                <input type="text" name="orderNoParent"/>
                            </li>
                            <li>
                                <label>订单来源：</label>
                                <input type="text" name="orderSource"/>
                            </li>
<!--                            <li>-->
<!--                                <label>订单来源名称：</label>-->
<!--                                <input type="text" name="orderSourceName"/>-->
<!--                            </li>-->
                            <li>
                                <label>订单状态：</label>
                                <input type="text" name="Name"/>
                            </li>
                            <li>
                                <label>支付状态：</label>
                                <input type="text" name="payStatusName"/>
                            </li>
<!--                            <li>-->
<!--                                <label>冻结前状态：</label>-->
<!--                                <input type="text" name="preFrozenStatusName"/>-->
<!--                            </li>-->
                            <li>
                                <label>退款状态：</label>
                                <input type="text" name="refundStatusName"/>
                            </li>
                            <li>
                                <label>下单人ID：</label>
                                <input type="text" name="creatorUserId"/>
                            </li>
                            <li>
                                <label>下单人：</label>
                                <input type="text" name="createUserName"/>
                            </li>
<!--                            <li>-->
<!--                                <label>出行人数：</label>-->
<!--                                <input type="text" name="travelerCount"/>-->
<!--                            </li>-->
                            <li>
                                <label>出行日期：</label>
                                <input type="text" class="time-input" placeholder="请选择出行日期" name="serviceDate"/>
                            </li>
<!--                            <li>-->
<!--                                <label>成本价格：</label>-->
<!--                                <input type="text" name="priceCost"/>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>销售价格：</label>-->
<!--                                <input type="text" name="priceSale"/>-->
<!--                            </li>-->
<!--                            <li>-->
<!--                                <label>司机ID：</label>-->
<!--                                <input type="text" name="driverId"/>-->
<!--                            </li>-->
                            <li>
                                <label>司机名称：</label>
                                <input type="text" name="driverName"/>
                            </li>
                            <li>
                                <label>司机手机：</label>
                                <input type="text" name="driverPhone"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="btn-group-sm" id="toolbar" role="group">
                <a class="btn btn-success" onclick="$.operate.add()" shiro:hasPermission="system:orders:add">
                    <i class="fa fa-plus"></i> 添加
                </a>
                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:orders:edit">
                    <i class="fa fa-edit"></i> 修改
                </a>
                <a class="btn btn-danger multiple disabled" onclick="$.operate.removeAll()" shiro:hasPermission="system:orders:remove">
                    <i class="fa fa-edit"></i> 冻结
                </a>
                <a class="btn btn-warning" onclick="$.table.exportExcel()" shiro:hasPermission="system:orders:export">
                    <i class="fa fa-download"></i> 导出
                </a>
                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:orders:edit">
                    <i class="fa fa-edit"></i> 分配司机
                </a>
                <a class="btn btn-primary single disabled" onclick="$.operate.edit()" shiro:hasPermission="system:orders:edit">
                    <i class="fa fa-edit"></i> 履约
                </a>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
        var editFlag = [[${@permission.hasPermi('system:orders:edit')}]];
        var removeFlag = [[${@permission.hasPermi('system:orders:remove')}]];
        var prefix = ctx + "system/orders";

        $(function() {
            var options = {
                url: prefix + "/list",
                createUrl: prefix + "/add",
                updateUrl: prefix + "/edit/{id}",
                removeUrl: prefix + "/remove",
                exportUrl: prefix + "/export",
                modalName: "【请填写功能名称】",
                columns: [{
                    checkbox: true
                },
                {
                    field: 'id',
                    title: '${comment}',
                    visible: false
                },
                {
                    field: 'orderNo',
                    title: '订单编号'
                },
                {
                    field: 'orderNoParent',
                    title: '父订单号'
                },
                // {
                //     field: 'orderSource',
                //     title: '订单来源',
                //     formatter: function(value, row, index) {
                //         // 1：APP，2：web，3：小程序
                //
                //     }
                // },
                {
                    field: 'orderSourceName',
                    title: '订单来源'
                },
                // {
                //     field: 'orderStatus',
                //     title: '订单状态，-2：已冻结，-1：已取消，0：初始，1：已确认，2：服务中，3：已服务，4：确认费用，99：已结束'
                // },
                {
                    field: 'orderStatusName',
                    title: '订单状态'
                },
                // {
                //     field: 'payStatus',
                //     title: '支付状态，-1：支付失败，0：未支付，1：已支付'
                // },
                {
                    field: 'payStatusName',
                    title: '支付状态'
                },
                // {
                //     field: 'preFrozenStatus',
                //     title: '冻结前状态，取值同订单状态'
                // },
                {
                    field: 'preFrozenStatusName',
                    title: '冻结前状态'
                },
                // {
                //     field: 'refundStatus',
                //     title: '退款状态，0：退款中，1：已退款'
                // },
                {
                    field: 'refundStatusName',
                    title: '退款状态'
                },
                // {
                //     field: 'creatorUserId',
                //     title: '下单人ID'
                // },
                {
                    field: 'createUserName',
                    title: '下单人'
                },
                {
                    field: 'travelerCount',
                    title: '出行人数'
                },
                {
                    field: 'specialRequests',
                    title: '特殊需求'
                },
                {
                    field: 'serviceDate',
                    title: '出行日期'
                },
                {
                    field: 'priceCost',
                    title: '成本价格'
                },
                {
                    field: 'priceSale',
                    title: '销售价格'
                },
                // {
                //     field: 'driverId',
                //     title: '司机ID'
                // },
                {
                    field: 'driverName',
                    title: '司机名称'
                },
                {
                    field: 'driverPhone',
                    title: '司机手机'
                }
                // ,
                // {
                //     title: '操作',
                //     align: 'center',
                //     formatter: function(value, row, index) {
                //         var actions = [];
                //         actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' +
                //             row.id + '\')"><i class="fa fa-edit"></i>分配司机</a> ');
                //         actions.push('<a class="btn btn-success btn-xs ' + editFlag + '" href="javascript:void(0)" onclick="$.operate.edit(\'' +
                //             row.id + '\')"><i class="fa fa-edit"></i>履约</a>');
                //         return actions.join('');
                //     }
                // }
                ]
            };
            $.table.init(options);
        });
    </script>
</body>
</html>
